.menuBar-FloatBoxContainer {
  position: relative;
  overflow: hidden;
  padding: 10px;
  word-break: keep-all;
  white-space: nowrap;
  border-radius: 10px;
  background: var(--color-background);
  box-shadow: 0px 4px 31px -8px rgba(0, 0, 0, 0.8);
}

@-moz-document url-prefix() {
  .menuBar-FloatBoxContainer {
    box-shadow: 0px 4px 20px -8px rgba(0, 0, 0, 0.8);
  }
}

.menuBar-FloatBoxMeasure {
  position: absolute;
  top: 10;
  left: 10;
  max-width: calc(var(--panel-width) * 0.7);
}

.menuBar-FloatBox {
  max-height: calc(var(--panel-max-height) * 0.75);
  overflow: hidden;
}

.menuBar-FloatBoxBtn {
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 5px 10px;
  font-size: 1em;
  text-overflow: ellipsis;
  text-align: initial;
  outline: none;
  background: transparent;
  border: none;
  cursor: pointer;

  &:hover,
  &:focus {
    background: rgba(215, 214, 214, 0.25);
  }

  &::-moz-focus-inner {
    border: 0;
  }
}

.menuBar-FloatBoxEntry {
  margin-right: 1.5em;
  color: #f9690e;
}

.menuBar-SuggestsExplain {
  color: var(--color-font);
}

.isAnimate {
  .menuBar-FloatBoxContainer {
    transition: width 0.4s, height 0.4s;
  }
}

// modify from https://loading.io/css/
.lds-ellipsis {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 64px;
  height: 32px;
}
.lds-ellipsis div {
  position: absolute;
  top: 11px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #e2e2e1;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
